@import "index";
@import './../font/iconfont/iconfont.css';
body,html,ul, p, h1, h2, h3 {padding: 0; margin: 0}
/*宽度*/
.wd90{width:90px;}
.wd100{width:100px;}
.wd110{width:110px;}
.wd200{width:200px;}
.wd300{width:300px;}
.wd340{width:340px;}
.wd500{width:500px;}
.wdb20{width:20%;}
.wdb45{width:45%;}
.wdb50{width:50%;}
.wdb80{width:80%;}
.wdb9{width:90%;}
.wdb100{width:100% !important;}
.widthCalc{width: calc(100% - 60px);padding-top: 50px;padding-bottom: 10px}
.dealWidth{width: 60%;padding-top: 50px;padding-bottom: 10px;margin: auto} //待办样式
/* 高度 */
.hg30{height:30px;}
.hg40{height:40px;}
.hg50{height:50px;}
.hg100{height:100px;}
.hg60{height:60px;}
.hg150{height:150px;}
.hg120{height:120px;}
.hg300{height:300px;}
.hg360{height:360px;}
.height100 {height: 100%;}
/* 块元素 */
.fixed {position: fixed;}
.relateive {position: relative;}
.absolute {position: absolute;}
.block {display: block;}
.none {display: none;}
.inline_block {display: inline-block;}

/* 外边距 */
.mauto{margin: 5px auto;}
.mauto0{margin:0px auto;}
.mauto5{margin:0px 5px;}
.mtrbtl10{margin:10px;}
.mtrbl20{margin:20px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mr3{margin-right:3px}
.mr5{margin-right:5px}
.ml10{margin-left:10px;}
.ml20{margin-left: 20px !important;}
.ml50{margin-left:50px;}
.ml200{margin-left:200px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr40{margin-right:40px;}
/* 内边距 */
.pdlr5{padding:0 5px;}
.pdlr10{padding:0 10px;}
.pdlt10{padding:10px 0px;}
.pdlt14{padding:14px 0px;}
.pdlr20{padding:0 20px;}
.ptblr120{padding: 10px 20px;}
.pdlt20{padding:20px 0px;}
.pdlr30{padding:0 30px;}
.pdtb8{padding:8px 0;}
.pd5{padding:5px;}
.pd10{padding:10px;}
.pd15{padding:15px;}
.pd20{padding:20px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl24{padding-left:24px;}
.pl30{padding-left:30px;}
.pl50{padding-left:50px;}
.pr2{padding-right:2px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pb8{padding-bottom:8px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb50{padding-bottom:50px;}
/* 浮动 */
.left {float: left;}
.right {float: right;}
.ove {overflow: hidden;}
.ove-auto{overflow: auto;}
.over-y{overflow: scroll;}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
  overflow: hidden;
  font-size: 0;
  height: 0;
}
/*表格*/
body .el-table th.gutter{
  display: table-cell!important;
}
/* 边框 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.bore9712b {border-color: #e9712b !important;}
.borf1f1f1 {border-color: #f1f1f1;}
.borf3f3f3 {border: 1px solid #f1f1f1;}
.borf3f3f3b_2 {border-bottom: 2px solid #f1f1f1;}
.borf3f3f3t {border-top: 1px solid #f3f3f3;}
.borf3f3f3l {border-left: 1px solid #f1f1f1;}
.borcccl {border-left: 1px solid #ccc;}
.borf3f3f3r {border-right: 1px solid #f1f1f1;}
.bore3e3e3r {border-right:1px solid #e3e3e3;}
.bore3e3e3l {border-left:1px solid #e3e3e3;}
.borfffr {border-right: 1px solid #fff;}
.borfffb {border-bottom: 1px solid #ffffff;}
.borf3f3f3b {border-bottom: 1px solid #f3f3f3;}
.borf9f9f9t {border-top: 1px solid #f9f9f9;}
.borf9f9f9b {border-bottom: 1px solid #f9f9f9;}
.borf9f9f9b4 {border-bottom: 4px solid #eee;}
.boreeeb2 {border-bottom: 2px solid #eee;}
.borf5f5f5b4 {border-bottom: 4px solid #f5f5f5;}
.borf5f5f5 {border: 1px solid #f5f5f5;}
.boreeeb1 {border-bottom: 1px solid #eee;}
.borccc {border: 1px solid #999;}
.borFB7B0A{border:1px solid #FB7B0A;}
.borborFB7B0Ab{border-bottom:1px solid #FB7B0A;}
.borbor1E90FF{border-bottom:1px solid #1E90FF;}
.bordc6c6c6{border: 1px solid #c6c6c6;}
.borc6c6c6{border-bottom: 1px solid #c6c6c6;}
/* 边框圆角 */
.br50 {border-radius: 100px;}
.br20{border-radius:20px;}
.brb50 {border-radius: 50%;}
.br6 {border-radius: 6px;}
.br4 {border-radius: 4px;}
.brtop {border-radius: 4px 4px 0px 0px;}
/* 盒子阴影*/
.boxshow10 {box-shadow: 1px 3px 3px #ccc;}
.boxshow6 {box-shadow: 1px 1.5px 1.5px #ccc;}
.boxshow5 {box-shadow: 0 0 5px #ccc;}

/* 字号 */
.fz10 {font-size: 10px;}
.fz12 {font-size: 12px;}
.fz13 {font-size: 13px;}
.fz14 {font-size: 14px;}
.fz15 {font-size: 15px;}
.fz16 {font-size: 16px;}
.fz18 {font-size: 18px !important;}
.fz20 {font-size: 20px;}
.fz22 {font-size: 22px!important;}
.fz24 {font-size: 24px;}
.fz26 {font-size: 26px;}
.fz28 {font-size: 28px;}
.fz30 {font-size: 30px;}
.fz32 {font-size: 32px;}
.fz34 {font-size: 34px;}
.fz36 {font-size: 36px;}
.fz38 {font-size: 38px;}
.fz40 {font-size: 40px;}
.fz60 {font-size: 60px;}

.nomal {font-style: normal;}

/* 字体加粗 */
.fbold {font-weight: bold;}

/* 文字下划线 */
.tonderline {text-decoration: underline;}
.tondernone {text-decoration: none;}

/* 列表样式 */
.textstyle {list-style: none;}

/* 字体颜色 */
.cfff{color:#fff;}
.c000{color:#000;}
.ce9712b {color: #e9712b}
.cFB7B0A{color:#FB7B0A;}
.c333 {color: #333;}
.c555 {color: #555;}
.c666 {color: #666;}
.c777 {color: #777;}
.c999 {color: #999;}
.cccc {color: #ccc;}
.cc6c6c6 {color: #c6c6c6;}
.red {color: red;}
.ca7511e {color: #a7511e;}
.c1E90FF{color: #1E90FF;}
.c07c160{color:#07c160;}
.ce1e1e1 {color: #e1e1e1;}
.g1aa719 {color: #1aa719 !important;}
.c6e747d{color: #6e747d;}
.cfe7861 {color: #FE7861}
.cffc33d{color: #ffc33d}
.c1990FF{color: #1990FF}
.cb6b6b6{color: #b6b6b6}
.c767272 {color: #767272}
.cCFD826{color: #CFD826}
.c5f5f5f {color: #5f5f5f}
.active{color: #1990FF}
/* 背景颜色 */
.be9712b {background:#e9712b;}
.bff9b60 {background: #ff8f4e;}
.bfff {background: #fff;}
.f6f7f9 {background: #f6f7f9;}
.bf1f1f1 {background: #f1f1f1;}
.bf5f5f5 {background: #f5f5f5;}
.bf7f7f7 {background: #f7f7f7;}
.bf9f9f9 {background: #f9f9f9;}
.bc6c6c6 {background: #c6c6c6;}
.b000 {background: #000;}
.beee {background: #eee;}
.bE7F4FF{background: #E7F3FF}
.bF3F8FD{background: #F3F8FD}
.beCf5ff{background: #ECF5FF;}
.b1c86ff {background: #1E90FF;}
.b1aad19{background: #1AAD19;}
.bFB7B0A{background:#FB7B0A;}
.b1195db{background: #1195db;}
.bfff3e9{background: #fff3e9;}
.b4f94f3{background: #4f94f3;}
.bff5959{background: #ff5959;}
.b00afc5{background: #00AFC5;}
.be74f57{background: #E74F57;}
.bef8625{background: #EF8625;}
.be3586f0{background: #3586F0;}
.e967a7{background: #e967a7;}
.bhead{background:rgb(233,103,167)}
.borderc{border-color:rgb(233,103,167)}
.bE36BE9 {background: #E36BE9}
/* 文字对齐 */
.f_center {text-align: center;}
.f_right {text-align: right;}
.f_left {text-align: left}
/* 居中对齐 */
.middle{vertical-align:middle}
/*文本截取*/
.textover {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wordbreak{
  white-space:normal;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
/*文字不倾斜*/
.font-style {
  font-style: normal;
}
  /*文字不换行*/
.nowrap {white-space: nowrap;}
.preline {white-space: pre-line;}
.word-break{word-break: break-all;}
.word-wrap{word-wrap:break-word;}
/* 行高 */
.lh20 {line-height: 20px;}
.lh25 {line-height: 25px;}
.lh30 {line-height: 30px;}
.lh35 {line-height: 35px;}
.lh40 {line-height: 40px;}
.lh45 {line-height: 45px;}
.lh50 {line-height: 50px;}
.lh55 {line-height: 55px;}
.lh60 {line-height: 60px;}
.lh65 {line-height: 65px;}
.lh80 {line-height: 80px;}
.lh100 {line-height: 100px;}
/* flex */
.flex{display: flex;}
.flexAlign {display: flex;height: 100%; align-items: center;flex: 1 1}
.flex1 {flex: 1;}
.flex_5 {flex: 0.5;}
.flex1_5 {flex: 1.5;}
.flex1_8 {flex: 1.8;}
.flex1_2 {flex: 1.2;}
.flex1_3 {flex: 1.3;}
.flex2 {flex: 2;}
.flex2_5 {flex: 2.5;}
.flex3 {flex: 3;}
.flex2_6 {flex: 2.6;}
.flex2_8 {flex: 2.8;}
.flex4 {flex: 4;}
.flex5 {flex: 5;}
.flex6 {flex: 6;}
.flex6_5 {flex: 6.5;}
.flex7_2 {flex: 7.2;}
.flex7_4 {flex: 7.4;}
.flex7 {flex: 7;}
.flex7_5 {flex: 7.5;}
.flex8 {flex: 8;}
.flex8_5 {flex: 8.5;}
.flex9 {flex: 9;}
.flex-wrep {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.flex-wrap{flex-wrap: wrap;}
.flexdirection {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-orient: vertical;
}
.flex-shrink {flex-shrink: 0; }
.flexdirectionRow {flex-direction: row;}
.justify_center {justify-content: center;}
.space-between {justify-content: space-between;}
.space-around {justify-content: space-around;}
.justify_right {justify-content: flex-end;}
.align_item {align-items: center;}

/* 鼠标手势 */
.pointer {
  cursor: pointer;
}

.outline {
  outline: none;
}
/*伪类*/
.ThemehoverBg7:hover {background: rgba(0,0,0,.04) !important}
// 层级
.index{ z-index: 100;}
///选择角度
.rotate90{transform: rotate(90deg)}
.rotate180{transform: rotate(180deg)}
// 车辆使用记录编辑新增样式
#carEdit {
  /deep/.el-dialog {
    margin: 0 auto 0px;
  }
  /deep/.el-dialog__body {
    padding: 10px 20px 20px;
  }
}
